.scroll-pane { 
  overflow: auto;
  width: 99%;
  float: left; 
  border-collapse: collapse;
}

.scroll-content { 
  width: 9440px;
  float: left;
  /*background-color: #DDD;*/
}

.scrollcontainer, .container {
  width: 1200px;
  margin: auto;
  margin-top: 30px;
}

.project {
  padding: 6px;
  margin: 2px;
  background: #ddf;
  border: 1px solid #99a;
}

.project .title {
  size: 140%;
  text-decoration: bold;
}

.month {
  border: 1px solid #99a;
  background: #cce;
}

.mrbackground {
  background-color: #DDD;
}

.scroll-content-item { 
  width: 450px; 
  height: 400px;
  float: left; 
  margin: 2px;
  /*background-color: #DDD !important;*/
  /*color: black !important;*/
}

.scroll-bar-wrap { 
  clear: left; 
  padding: 0 4px 0 2px; 
  margin: 0 -1px -1px -1px; 
}

.scroll-bar-wrap .ui-slider {
  background: none;
  border:0; 
  height: 2em; 
  margin: 0 auto;  
}

.scroll-bar-wrap .ui-handle-helper-parent { 
  position: relative; 
  width: 100%; 
  height: 100%; 
  margin: 0 auto; 
}

.scroll-bar-wrap .ui-slider-handle {
  top:.2em;
  height: 32px !important; 
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter:alpha(opacity=5);
}

.scroll-bar-wrap .ui-slider-handle .ui-icon { 
  margin: -8px auto 0; 
  position: relative; 
  top: 50%; 
}


/* -- HACKS -- */
/* IE6 float double margin bug */
* html .scroll-content-item { display: inline; }